Le but de ce chapitre est de comprendre et de manipuler les fonctions de d3 suivantes : data() (Update), enter() (Enter) et exit() (Exit).
Dans ce premier exercice nous allons nous focaliser sur les concepts d'Enter et d'Update.

Le canvas possède déjà deux cercles dessinés en noir. Soit le tableau de données suivant correspondant à des valeurs de rayon de cercles : [15,20,25,30,35].
Il vous est demandé de réaliser le trajet suivant :

  1. En utilisant la fonction data() de d3, modifier le rayon des deux cercles présents pour les faire correspondre aux deux premières valeurs du tableau
  2. Colorer en bleu les cercles modifiés par la fonction data()
  3. En utilisant la fonction enter() de d3, créer des cercles avec les données restantes de rayon la valeur correspondante du tableau. Les dessiner sur la diagonale haut-gauche/bas-droite du canvas
  4. Colorer en rouge les cercles créés par la fonction enter() dont le rayon est paire et en vert ceux dont le rayon est impaire